<template>
  <div>
    <div class="office">
      <div class="header">
        <div class="left">
          <svg t="1702955159242" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="6415" width="16" height="16">
            <path
                d="M969.9 288c29.76 0 54.1-24.35 54.1-54.1V54.1C1024 24.34 999.66 0 969.9 0H54.1C24.34 0 0 24.34 0 54.1v179.8C0 263.65 24.34 288 54.1 288H478v188.93H145c-19.37 0-35.07 15.7-35.07 35.07 0 1 0.05 1.99 0.13 2.97-0.04 0.67-0.07 1.35-0.07 2.03v219h-81.3C12.91 736 0 748.91 0 764.69v230.62c0 15.78 12.91 28.69 28.69 28.69h230.62c15.78 0 28.69-12.91 28.69-28.69V764.69c0-15.78-12.91-28.69-28.69-28.69H178V547.07h300V736h-81.31c-15.78 0-28.69 12.91-28.69 28.69v230.62c0 15.78 12.91 28.69 28.69 28.69h230.62c15.78 0 28.69-12.91 28.69-28.69V764.69c0-15.78-12.91-28.69-28.69-28.69H546V547.07h300V736h-81.31c-15.78 0-28.69 12.91-28.69 28.69v230.62c0 15.78 12.91 28.69 28.69 28.69h230.62c15.78 0 28.69-12.91 28.69-28.69V764.69c0-15.78-12.91-28.69-28.69-28.69H914V512c0-12.41-6.65-23.25-16.57-29.19a34.888 34.888 0 0 0-19.43-5.88H546V288h423.9zM220 956H68V804h152v152z m368 0H436V804h152v152z m368 0H804V804h152v152zM68 68h888v152H68V68z"
                fill="#303133" p-id="6416"></path>
          </svg>
          <span>常见科室</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg t="1699329150008" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="5960" width="16" height="16">
            <path
                d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z"
                fill="#575B66" p-id="5961"></path>
          </svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>神经内科</li>
          <li>消化内科</li>
          <li>呼吸内科</li>
          <li>内科</li>
          <li>神经外科</li>
          <li>妇科</li>
          <li>产科</li>
          <li>儿科</li>
        </ul>
      </div>
    </div>
    <div class="notice">
      <div class="header">
        <div class="left">
          <svg t="1702963600404" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="7509" width="16" height="16">
            <path
                d="M663.32444445 847.30311111H354.98666667c-68.83555555 0-124.81422222-55.97866667-124.81422222-124.81422222V572.98488889c-0.34133333-5.68888889-0.56888889-11.37777778-0.5688889-17.18044444 0-154.16888889 125.38311111-279.552 279.552-279.552S788.70755555 401.63555555 788.70755555 555.80444445c0 5.80266667-0.22755555 11.49155555-0.56888888 17.18044444v149.61777778c0 68.72177778-55.97866667 124.70044445-124.81422222 124.70044444z m-154.1688889-461.93777778c-93.98044445 0-170.43911111 76.45866667-170.4391111 170.43911112 0 3.98222222 0.11377778 7.85066667 0.34133333 11.60533333l0.11377777 3.75466667v151.32444444c0 8.53333333 7.168 15.81511111 15.81511112 15.81511111h308.33777778c8.53333333 0 15.70133333-7.168 15.70133333-15.81511111l0.11377777-155.07911111c0.22755555-3.75466667 0.34133333-7.73688889 0.34133334-11.60533333 0.11377778-93.98044445-76.34488889-170.43911111-170.32533334-170.43911112z"
                fill="#52A9FF" p-id="7510"></path>
            <path
                d="M154.28266667 552.16355555L34.01955555 528.95288889c-23.09688889-4.43733333-38.34311111-26.96533333-33.90577777-50.06222222l1.59288889-8.07822222c4.43733333-23.09688889 26.96533333-38.34311111 50.06222222-33.90577778l120.14933333 23.21066666c23.09688889 4.43733333 38.34311111 26.96533333 33.90577778 50.06222222l-1.59288889 8.07822223c-4.43733333 23.09688889-26.96533333 38.34311111-49.94844444 33.90577777zM229.94488889 320.85333333l-77.14133334-95.00444444c-14.79111111-18.20444445-12.06044445-45.28355555 6.25777778-60.07466667l6.37155556-5.12c18.20444445-14.79111111 45.28355555-12.06044445 60.07466666 6.25777778l77.14133334 95.00444445c14.79111111 18.20444445 12.06044445 45.28355555-6.25777778 60.07466666l-6.37155556 5.12c-18.20444445 14.79111111-45.28355555 11.94666667-60.07466666-6.25777778zM461.824 204.57244445l1.93422222-122.4248889c0.34133333-23.552 19.91111111-42.43911111 43.46311111-42.09777777l8.192 0.11377777c23.552 0.34133333 42.43911111 19.91111111 42.09777778 43.46311112l-1.93422222 122.42488888c-0.34133333 23.552-19.91111111 42.43911111-43.46311111 42.09777778l-8.192-0.11377778c-23.552-0.34133333-42.55288889-19.91111111-42.09777778-43.4631111zM714.18311111 264.64711111l80.21333334-92.50133333c15.36-17.74933333 42.55288889-19.68355555 60.30222222-4.32355556l6.25777778 5.34755556c17.74933333 15.36 19.68355555 42.55288889 4.32355555 60.30222222L785.06666667 325.97333333c-15.36 17.74933333-42.55288889 19.68355555-60.30222222 4.32355556l-6.25777778-5.34755556c-17.86311111-15.47377778-19.79733333-42.55288889-4.32355556-60.30222222zM848.44088889 466.03377778l120.832-19.34222223c23.21066667-3.75466667 45.28355555 12.288 48.92444444 35.49866667l1.25155556 8.07822223c3.75466667 23.21066667-12.288 45.28355555-35.49866667 48.92444444l-120.832 19.34222222c-23.21066667 3.75466667-45.28355555-12.288-48.92444444-35.49866666l-1.25155556-8.07822223c-3.64088889-23.21066667 12.288-45.28355555 35.49866667-48.92444444z"
                fill="#00EFEF" p-id="7511"></path>
            <path
                d="M766.06577778 979.74044445H252.24533333c-27.30666667 0-49.72088889-22.41422222-49.72088888-49.7208889V920.46222222c0-27.30666667 22.41422222-49.72088889 49.72088888-49.72088889h513.82044445c27.30666667 0 49.72088889 22.41422222 49.72088889 49.72088889v9.55733333c0 27.30666667-22.41422222 49.72088889-49.72088889 49.7208889z"
                fill="#52A9FF" p-id="7512"></path>
          </svg>
          <span>平台公告</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg t="1699329150008" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="5960" width="16" height="16">
            <path
                d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z"
                fill="#575B66" p-id="5961"></path>
          </svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>关于延长北京大学国际医院放假的通知</li>
          <li>北京中医药大学东方医院部分科室医生门诊医</li>
          <li>武警总医院号源暂停更新通知</li>
        </ul>
      </div>
    </div>
    <div class="notice">
      <div class="header">
        <div class="left">
          <svg t="1702963687473" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="9531" width="16" height="16">
            <path
                d="M426.318367 231.967347l-1.567347-22.987755c0-2.089796-0.522449-4.179592-0.522449-6.269388C424.228571 154.122449 463.934694 114.938776 512 114.938776s87.771429 39.183673 87.771429 87.771428c0 2.089796 0 4.179592-0.522449 5.746939l-1.567347 23.510204-22.465306-5.22449c-41.273469-9.926531-84.636735-9.926531-125.910205 0l-22.987755 5.22449zM512 154.644898c-19.330612 0-36.04898 11.493878-43.363265 28.212245 28.734694-4.179592 58.514286-4.179592 87.248979 0-7.836735-16.718367-24.555102-28.212245-43.885714-28.212245z"
                fill="#DBAD2C" p-id="9532"></path>
            <path
                d="M512 909.061224c-79.412245 0-144.195918-64.783673-144.195918-144.195918 0-13.583673 2.089796-27.167347 5.746938-40.228571l4.179592-14.106123h268.016327l4.179592 14.106123c3.657143 13.061224 5.746939 26.644898 5.746938 40.228571 0.522449 79.412245-64.261224 144.195918-143.673469 144.195918z"
                fill="#E5404F" p-id="9533"></path>
            <path
                d="M808.228571 750.236735H214.726531c-32.391837 0-58.514286-26.122449-58.514286-58.514286 0-30.302041 13.061224-58.514286 36.048979-78.367347 7.314286-6.269388 18.285714-14.106122 32.391837-22.987755v-1.567347c-1.044898-84.636735-3.657143-242.416327 89.861225-336.979592 0.522449-0.522449 72.620408-72.620408 197.485714-72.620408 99.265306 0 172.930612 47.542857 197.485714 72.620408 41.795918 42.318367 69.485714 102.4 82.546939 178.677551 10.44898 61.126531 9.926531 120.163265 9.404082 159.869388 14.106122 8.881633 24.555102 16.718367 31.869387 23.510204 21.420408 19.330612 33.959184 47.020408 33.959184 75.755102 0.522449 33.959184-26.122449 60.604082-59.036735 60.604082z"
                fill="#EAC552" p-id="9534"></path>
          </svg>
          <span>停诊公告</span>
        </div>
        <div class="right">
          <span>全部</span>
          <svg t="1699329150008" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
               p-id="5960" width="16" height="16">
            <path
                d="M761.055557 532.128047c0.512619-0.992555 1.343475-1.823411 1.792447-2.848649 8.800538-18.304636 5.919204-40.703346-9.664077-55.424808L399.935923 139.743798c-19.264507-18.208305-49.631179-17.344765-67.872168 1.888778-18.208305 19.264507-17.375729 49.631179 1.888778 67.872168l316.960409 299.839269L335.199677 813.631716c-19.071845 18.399247-19.648112 48.767639-1.247144 67.872168 9.407768 9.791372 21.984142 14.688778 34.560516 14.688778 12.000108 0 24.000215-4.479398 33.311652-13.439914l350.048434-337.375729c0.672598-0.672598 0.927187-1.599785 1.599785-2.303346 0.512619-0.479935 1.056202-0.832576 1.567101-1.343475C757.759656 538.879828 759.199462 535.391265 761.055557 532.128047z"
                fill="#575B66" p-id="5961"></path>
          </svg>
        </div>
      </div>
      <div class="content">
        <ul>
          <li>中国人民解放军总医院第六医学中心(原海军总医院)呼吸内科门诊停诊公告</li>
          <li>首都医科大学附属北京潞河医院老年医学科门诊停诊公告</li>
          <li>中日友好医院中西医结合心内科门诊停诊公告</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.office {
  .header {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;

    svg {
      margin-right: 5px;
    }

    .left {
      display: flex;
      align-items: center;
    }

    .right {
      display: flex;
      align-items: center;
    }
  }

  .content {
    margin-top: 25px;

    ul {
      font-size: 14px;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;

      li {
        margin-top: 10px;
        width: 40%;
      }
    }

  }
}

.notice {
  margin-top: 30px;
  .header {
    display: flex;
    justify-content: space-between;
    margin-top: 25px;

    svg {
      margin-right: 5px;
    }

    .left {
      display: flex;
      align-items: center;
    }

    .right {
      display: flex;
      align-items: center;
    }
  }

  .content {
    margin-top: 25px;
    ul {
      font-size: 14px;
      li {
        margin-top: 10px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }
  }

}
</style>
